<div class="crowd-supporter" *ngIf="supporterList.length> 0">
  <ul>
    <li *ngFor=" let supporter of supporterList; let i = index;">
      <div class="crowd-supporter-image" >
        <seed-avatar [lazyLoadAvatar]="supporter?.iconUrl"
                     [userId]="supporter?.userId"
        ></seed-avatar>
      </div>
      <div class="crowd-supporter-infos seed-underline seed-flexbox seed-flexbox-align-center seed-flexbox-content-between">
        <div class="crowd-supporter-nickname seed-flexbox seed-flexbox-align-center">
          <p class="nick-name">{{supporter?.nickName | truncate:4 }}</p>
          <p *ngIf="supporter.authImgUrl"><img [src]="supporter.authImgUrl" ></p>
        </div>
        <div class="crowd-supporter-money">
          <span class="amount">{{ supporter?.quantity }}X</span>
          <span class="price">￥{{ supporter?.price/100||0 }}</span>
        </div>
      </div>
    </li>
  </ul>
  <seed-infinite-scroll-content class="load-bg" *ngIf="supporterList.length > 5"></seed-infinite-scroll-content>

</div>
<!--缺省图-->
<missing-default-content *ngIf="supporterList.length==0"></missing-default-content>
